<template>
    <div class="home">
        <h2>一款基于element-ui 2.x的表单设计</h2>
        <div class="nav">
            <router-link to="/sf">sf-表单</router-link>
            <router-link to="/sf-step">sf-分步</router-link>
            <router-link to="/sf-drag">sf-拖拽</router-link>
            <router-link to="/sf-search">sf-搜索</router-link>
            <router-link to="/st">st</router-link>
            <router-link to="/sv">sv</router-link>
            <router-link to="/send">iframe通信</router-link>
            <router-link to="/mock-test">Mock test</router-link>
        </div>
        <router-view></router-view>
    </div>
</template>

<script>

export default {
    name: 'Home'
}
</script>

<style lang="scss" scoped>
h2{
    border-bottom: 1px solid #DCDFE6;
    text-align: center;
    padding: 10px 0;
}
.nav{
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #DCDFE6;
    a{
        margin-left: 20px;
    }
}
</style>
